//选项卡
var timerr=null;
    var obt=$('.banner-er li');
    var odiv=$('.banner-yi li');
    var odi=$('.banner-er div');
    var odh=$('.ban-kuang .hhhh');
    var numm=0;
    for(var i=0;i<obt.length;i++){
        (function (index) {
            obt[i].onclick=function () {
                for (var i = 0; i < obt.length; i++) {
                    obt[i].className = '';
                    odiv[i].style.display = 'none';
                    odi[i].style.display = 'none';
                    odh[i].style.display = 'none';
                }
                this.className = 'active';
                odiv[index].style.display = 'block';
                odi[index].style.display = 'block';
                odh[index].style.display = 'block';
            }
        })(i);

    }
    function awe() {
        for(var i=0;i<obt.length;i++){
            obt[i].className = '';
            odiv[i].style.display = 'none';
            odi[i].style.display = 'none';
            odh[i].style.display = 'none';
        }
        obt[numm].className='active';
        odiv[numm].style.display='block';
        odi[numm].style.display = 'block';
        odh[numm].style.display = 'block';
    }
	setInterval(function () {
        numm++;
        if (numm==obt.length){
            numm=0;
        }
        awe();
    },3000) 


//购物车图标
var as=true;
var a=0;
var num=0;
var nummn=0;
$('.footer-yi img').click(function(){
	var obiao=$('.biao-xiang');
   if(as==true){
       $('#liebiao').css({'z-index':'10','opacity':'1'}); 
        as=false;
        for(var i=0;i<obiao.length;i++){
        	 num=parseInt($('.cai-shu span').eq(i).html());
        	 $('.biao-shu span').eq(i).text(num); 
        	 nummn=parseInt($('.cxiang-yang p').eq(i).children('i').html());
        	 $('.biao-xiang p').eq(i).children('i').text(nummn);
        }
    }
    else{
        $('#liebiao').css({'z-index':'0','opacity':'0'});
        as=true;
        for(var i=0;i<obiao.length;i++){
        	num=parseInt($('.biao-shu span').eq(i).html());
        	$('.cai-shu span').eq(i).text(num);  
        	nummn=parseInt($('.biao-xiang p').eq(i).children('i').html());
        	$('.cxiang-yang p').eq(i).children('i').text(nummn);
        }  
    }
  }) 
//购物车部分
//加号
var index;
var index1;
var ogou;
var timer=null;
$('.cai-shu .shu-er').click(function(){
	    index=$('.cai-shu .shu-er').index(this);
	    $('.gaizi').eq(index).css('display','none');
	    $('.gaizii').eq(index).css('display','none');
        var num = $(this).prev().text();
        mm=parseInt($('.cxiang-yang p').eq(index).children('i').html());
        if(mm>0){
            $(this).prev().text(++num); 
            sumPrice();
            dsmd()
        }
        ogou=$('.footer-yi span').text();
        if(ogou==1){
	        gou();
	        $('.footer-er>span').css('display','block');
        }
        $('.biao-xiang').eq(index).css('display','block')
    });
    //减按钮
    $('.cai-shu .shu-yi').click(function(){
    	index=$('.cai-shu .shu-yi').index(this);
        var num = $(this).next().text();
        if(num>0){
            $(this).next().text(--num); 
            sumPrice();
            fsmd()
        }
        if(num==0){
        	$('.biao-xiang').eq(index).css('display','none')
            $('.gaizi').eq(index).css('display','block');
            $('.gaizii').eq(index).css('display','block');
        }
        ogou=$('.footer-yi span').text();
        if(ogou==0){
	        $('.footer-er>span').css('display','none');
	        clearInterval(timer);
	        $('#time').text('10:00');
        }
    }); 

   //列表页加号
$('.biao-shu .shu-er').click(function(){
    var num = $(this).prev().text();
    index1=$('.biao-shu .shu-er').index(this);
    $('.gaizi').eq(index1).css('display','none');
	$('.gaizii').eq(index1).css('display','none');
    mm=parseInt($('.biao-xiang p').eq(index1).children('i').html());
    if(mm>0){
        $(this).prev().text(++num); 
        sumPrice1()
        dsmd();
    }
});
    //列表减号
$('.biao-shu .shu-yi').click(function(){
    index1=$('.biao-shu .shu-yi').index(this);
    var num = $(this).next().text();
    if(num>0){
        $(this).next().text(--num); 
        sumPrice1();
        fsmd();
    }
    if(num==0){
        $('.biao-xiang').eq(index1).css('display','none')
        $('.gaizi').eq(index1).css('display','block');
        $('.gaizii').eq(index1).css('display','block');
    }
    ogou=$('.footer-yi span').text();
    if(ogou==0){
	    $('.footer-er>span').css('display','none');
	    clearInterval(timer);
	    $('#time').text('10:00');
    }
});
var at=0;
var ast=0;
function asmhd(){ 
    at=parseInt($('.cxiang-yang p').eq(index).children('i').html());
    ast=parseInt($('.biao-xiang p').eq(index1).children('i').html());
  } 
function dsmd(){
  	asmhd();
  	at--;
  	ast--;
    $('.cxiang-yang p').eq(index).children('i').text(at);
    $('.biao-xiang p').eq(index1).children('i').text(ast); 
}
function fsmd(){
  	asmhd();
  	at++;
  	ast++;
    $('.cxiang-yang p').eq(index).children('i').text(at); 
    $('.biao-xiang p').eq(index1).children('i').text(ast); 
 }
//首页总价格
sumPrice();
function sumPrice(){
    var nprice = 0;
    var nprice1 = 0;
    var nprice2 = 0;
     var nprice3 = 0;
    var aNum=0;
    var aNum1=0;
    var aNum2=0;
     var aNum3=0;
    aNum+=parseInt($('.cai-shu span').eq(0).html());
    aNum1+=parseInt($('.cai-shu span').eq(1).html());
    aNum2+=parseInt($('.cai-shu span').eq(2).html());
    aNum3+=parseInt($('.cai-shu span').eq(3).html());
    nprice+=parseInt($('.cxiang-tittle span').eq(0).children('i').html()*$('.cai-shu span').eq(0).html());
    nprice1+=parseInt($('.cxiang-tittle span').eq(1).children('i').html()*$('.cai-shu span').eq(1).html());
    nprice2+=parseInt($('.cxiang-tittle span').eq(2).children('i').html()*$('.cai-shu span').eq(2).html());
     nprice3+=parseInt($('.cxiang-tittle span').eq(3).children('i').html()*$('.cai-shu span').eq(3).html());
    var npr=nprice+nprice1+nprice2+nprice3;
    var anum=aNum+aNum1+aNum2+aNum3;
    $('.footer-er p').html('¥'+npr);
    $('.footer-yi span').html(anum);
}
//列表页总价格
function sumPrice1(){
    var pe = 0;
    var pe1 = 0;
    var pe2 = 0;
    var pe3 = 0;
    var am=0;
    var am1=0;
    var am2=0;
    var am3=0;
    am+=parseInt($('.biao-shu span').eq(0).html());
    am1+=parseInt($('.biao-shu span').eq(1).html());
    am2+=parseInt($('.biao-shu span').eq(2).html());
    am3+=parseInt($('.biao-shu span').eq(3).html());
    pe+=parseInt($('.biao-xiang span').eq(0).children('i').html()*$('.biao-shu span').eq(0).html());
    pe1+=parseInt($('.biao-xiang>span').eq(1).children('i').html()*$('.biao-shu span').eq(1).html());
    pe2+=parseInt($('.biao-xiang span').eq(2).children('i').html()*$('.biao-shu span').eq(2).html());
    pe3+=parseInt($('.biao-xiang>span').eq(3).children('i').html()*$('.biao-shu span').eq(3).html());
    var np=pe+pe1+pe2+pe3;
    var amm=am+am1+am2+am3;
    $('.footer-er p').html('¥'+np);
    $('.footer-yi span').html(amm);
}


//倒计时
function gou(){
	$(function(){
    var m=9;
    var s=59;
    timer=setInterval(function(){
        if(s<10){
            $('#time').html('0'+m+':0'+s);
        }else{
            $('#time').html('0'+m+':'+s);
        }
        --s;
        if(s<0){
            s=59;
            m--;
        }
       if(s==0&&m==0){
        	clearInterval(timer);
        }
    },1000)
     
    })
}
	

    





//选择区域---选项卡
//轮播图、、
var mySwiper = new Swiper ('.quyu-ul', {
    		direction: 'vertical',//你的每一个屏的局中方式，水平为horizontal，垂直为vertical,默认为水平为horizontal
    		loop: false,//是否循环，就是无缝滚动
    		autoplay: 0,//自动轮转的时间间隔
})
var tt;
$('.quyu-anniu .anniu-er').click(function(){
	 tt=$('.swiper-slide-active span').text();
	 $('#quyu').css({'z-index':'0','opacity':'0'});
	 $('.dizhi div span').text(tt);
})
$('.quyu-anniu .anniu-yi').click(function(){
	 $('#quyu').css({'z-index':'0','opacity':'0'});
})
$('.dizhi>img').click(function(){
	$('#quyu').css({'z-index':'1000','opacity':'1'});
})
